<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>考试系统教师端登录</title>
    <base th:href="@{'/'}"/><!--/项目名/-->

    <th:block th:include="common/common::resource"></th:block>
    <script type="text/javascript" th:src="@{js/common.js}"></script>
    <!--在这里遇到一个问题  src 预 href的使用 区别-->
    <link rel="stylesheet" th:href="@{css/mainLogin.css}"/>

</head>
<body>
<form id="mainLogin" >
    <h2 id="title" th:text="#{teacher_login_label}"></h2>
    <b style="color: red" id="tip"></b>
<!--    <div class="form-group">-->
<!--        <label for="mnemonic_code" th:text="#{username}"></label>-->
<!--        <input type="text" class="form-control" id="mnemonic_code" >-->
<!--    </div>-->
    <div class="form-group">
        <label for="mnemonic_code" th:text="#{teacherAccount}"></label>
        <div class="input-group">
            <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
            <input type="text" class="form-control" id="mnemonic_code" >
        </div>
    </div>

<!--    <div class="form-group">-->
<!--        <label for="pass" th:text="#{password}"></label>-->
<!--        <input type="password" class="form-control" id="pass" >-->
<!--    </div>-->
    <div class="form-group">
        <label for="pass" th:text="#{teacherPassword}"></label>
        <div class="input-group">
            <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
            <input type="text" class="form-control" id="pass" >
        </div>
    </div>

    <div class="checkbox">
        <label>
            <input type="checkbox" th:text="#{remember}">
        </label>
    </div>
    <button id="submit" onclick="common.login()" type="button" class="btn btn-primary btn-lg btn-block" th:text="#{loginButton}"}></button>
</form>
<footer id="language">
    <a href="login?lang=zh_CN" th:text="#{china}"></a>
    <a href="login?lang=en_US" th:text="#{english}"></a>
</footer>

</body>
</html>


